﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>ChocCuoi.vn</title>
    <link rel="icon" href="../Img/favicon.ico" type="image/x-icon">

    <link href="../Style/all.css" rel="stylesheet" />
    <link href="../Style/ChocCuoi.css" rel="stylesheet" />
    <script src="../Scripts/jquery-2.1.1.min.js"></script>
    <script src="../Scripts/ChocCuoi.js"></script>

</head>
<body>
    <div id="fb-root"></div>
    <script>
        (function (d, s, id)
        {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=183309365126050&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

    <div class="header-container">
        <header>
            <div class="wrap-center">
                <a class="logo" href="#"></a>
                <div class="headbar-items">
                    <ul>
                        <li><a class="selected" href="http#"><span class="label">Hot</span></a></li>
                        <li><a class="" href="#"><span class="label">Mới</span></a></li>
                        <li><a class="" href="#"><span class="label">Ảnh</span></a></li>
                        <li><a class="" href="#"><span class="label new">Video</span></a></li>
                        <li><a class="" href="#"><span class="label drop-arrow">Khác<span class="arrow"></span></span></a></li>
                    </ul>
                </div>
                <div class="user-function ">
                    <a class="link bell notification" href="#"><span class="badge">12</span></a>
                    <a class="avatar link drop-arrow" href="#">
                        <img src="../u/22271957_100_1.jpg" /><span class="name inline">Tôi<span class="arrow"></span></span>
                        <!--<a href="#" class="link inline">Đăng nhập</a>-->
                    </a><a class="upload inline" href="#">Tải lên</a>
                </div>
                <div class="search-function ">
                    <span class="search"><input type="text" /></span>
                </div>
                <div class="popup-menu user hide">
                    <ul>
                        <li><a href="javascript:void(0)">Thông tin cá nhân</a></li>
                        <li><a href="#">Cấu hình tài khoản</a></li>
                        <li><a href="#">Đăng xuất</a></li>
                    </ul>
                </div>
                <div class="popup-menu upload hide">
                    <ul>
                        <li><a href="javascript:void(0)">Tạo ảnh</a></li>
                        <li><a href="#">Tải Ảnh/Video</a></li>
                    </ul>
                </div>
            </div>
        </header>
    </div>
    <div class="container">
        <div class="wrap-center profile">
            <div class="profile-left">
                <ul>
                    <li><a class="active" href="#">Thông tin tài khoản</a></li>
                    <li><a href="#">Tùy chọn</a></li>
                </ul>
            </div>
            <div class="profile-right">
                <h2>Thông tin</h2>
                <div class="field avatar">
                    <label>Avatar</label>
                    <img src="https://accounts-cdn.9gaging.com/media/avatar/22271957_100_1.jpg" />
                    <div class="upload-file">
                        <input type="file" />
                        <span>JPG, GIF or PNG, Max size: 200KB</span>
                        <a class="rad-avatar" href="javascript:void(0);">Ảnh ngẫu nhiên</a>
                    </div>
                </div>
                <div class="field">
                    <label>Trang cá nhân</label>
                </div>
                <a class="link" href="#" target="_blank">http://choccuoi.vn/chilinh12003</a>
                <div class="field">
                    <label>Tên hiển thị</label>
                </div>
                <div class="field">
                    <input type="text" />
                    <span class="note">Tên sễ hiện thị trên những bài mà bạn đã đăng</span>
                </div>
                <div class="field">
                    <label>Email</label>
                </div>
                <div class="field">
                    <input type="text" />
                </div>
                <div class="field">
                    <a class="blue-button" href="javascript:void(0);">Lưu lại</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
